<template>
	<view class="page">
		<view class="itemSub">
			<view class="item">
				<view class="item-title"><text class="title">姓名</text></view>
				<view class="item-val"><text class="val">李强</text></view>
			</view>
			<view class="item">
				<view class="item-title"><text class="title">手机号码</text></view>
				<view class="item-val"><text class="val">18813102489</text></view>
			</view>
			<view class="item">
				<view class="item-title"><text class="title">地址</text></view>
				<view class="item-val"><text class="val">北京市/朝阳区</text></view>
			</view>
			<view class="item">
				<view class="item-title"><text class="title">详细地址</text></view>
				<view class="item-val"><text class="val">朝阳区与甘露园南里 甘露园南里1区</text></view>
			</view>
		</view>

		<view class="button">
			<button class="mini-btn" type="default" size="default">保存并使用</button>
		</view>
	</view>
	</view>
</template>

<script>
</script>

<style>
	.page {
		/* background-repeat: no-repeat;
		background-size: 100%;
		background-image: url('http://yao.hayzon.com/static/summitOrder/address.png');
		*/
		height: 100%;
		background-color: #f2f2eb;
		padding-top: 13upx;
	}

	.itemSub {
		width: 100%;
		 background-color: #fff; 
	}

	.item {
		border-bottom: 2px solid #eeeeee;
		height: 99upx;
		line-height: 99upx;
		margin-left: 30upx;
		padding-right: 35upx;
		 background-color: #fff; 
	}

	.item image {
		width: 45upx;
		height: 45upx;
		margin-top: 30upx;
	}

	.item-title {
		width: 200upx;
		height: 99upx;
		line-height: 99upx;
		float: left;
	}
	.item-val{
		float: left;
		height: 99upx;
		line-height: 99upx;
	}
	.title {
		font-size: 1.2em;
		color: #333333;


	}
	.last{ width: 50upx; float: right; vertical-align: middle;display: table-cell;
text-align: center; }
	.val {
		color: #666666;
	}

	.button {
		height: 130upx;
		width: 100%;
		margin-top: 80upx;
	}

	.button button {
		width: 90%;
		background-color: #df634d;
		margin-top: 15upx;
		margin-bottom: 15upx;
		color: #FFFFFF
	}
</style>
